<template>
  <div id="hello">
    <input type="text" v-model="message" placeholder="请输入">
    <p>{{message}}</p>
  </div>
</template>

<script>
  export default {
    name: "App" ,
    data() {
      return { message : "" };
    }
  }
</script>

<style scoped>
  p {
    border : 1px solid blue ;
    height: 50px ;
    line-height: 50px ;
  }
  input {
    text-align: center ;
    height: 50px ;
    line-height: 50px ;
    font-size: 30px ;
  }
</style>